<template>
    <div>
      <el-container>
        <el-header>黑马学习系统</el-header>
        <el-container style="height: 5px; border: 1px solid #eee"></el-container>
        <el-container>
          <el-aside width="200px" style="height: 800px; border: 1px solid #eee">
            <el-menu :default-openeds="['1', '3']">
              <el-submenu index="1">
                <template slot="title"
                  ><i class="el-icon-message"></i>系统信息管理
                </template>
                <el-menu-item-group>
                  <router-link to="/dept">
                    <el-menu-item index="1-1">部门管理</el-menu-item>
                  </router-link>
                  <router-link to="/emp">
                    <el-menu-item index="1-2">员工管理</el-menu-item>
                  </router-link>
                </el-menu-item-group>
              </el-submenu>
            </el-menu>
          </el-aside>
          
        </el-container>
      </el-container>
    </div>
  </template>
  
  <script>
  import axios from "axios";
  export default {
    data() {
      return {
        tableData: [],
        formInline: {
          user: "",
          region: "",
        },
        value1: "",
      };
    },
    methods: {
      onSubmit() {
        console.log("submit!");
      },
    },
    mounted() {
      axios
        .get("https://mock.apifox.cn/m1/3128855-0-default/emp/list")
        .then((result) => {
          this.tableData = result.data.data;
        });
    },
  };
  </script>
  
  <style>
  .el-header {
    background-color: #b3c0d1;
    color: #333;
    text-align: center;
    line-height: 60px;
    font-size: 50px;
  }
  .el-aside {
    background-color: white;
    color: #333;
    text-align: center;
    line-height: 100px;
  }
  </style>